@charset "UTF-8";
#fullPage-nav{
    font-size: 14px;

}
#fullPage-nav li{
    width: 90px;
    height: 20px;
    border: 1px solid black;
}
#fullPage-nav li a{
    float: right;
}
.section1{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.section img{
    display: block;
    width: 100%;
    height: 100%;
}
.section .bg1{
    position: absolute;
    bottom: -100px;
    width: 100%;
    height: 392px;
    background: url(../img/bg12.png) 50% 0 no-repeat;
    opacity: 0;
    transition: all 1.2s;
}
.active .bg1{
    position: absolute;
    bottom: 60px;
    opacity: 0.4;
    transition:all 0.7s;
    transition-delay: 1.2s;
}
.section .bg12{
    position: relative;
    top: -100px;
    height: 250px;
    opacity: 0;
    transition: all 1.2s;
}
.active .bg12{
    border-radius: 10px;
    position: relative;
    top: 0px;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 1.2s;
}
.section .bg121{
    position: relative;
    bottom: -100px;
    height: 350px;
    color:white;
    opacity: 0;
    transition: all 1.2s;
}
.section .bg121 p{
    font-size: 15px;
}
.active .bg121{
    position: relative;
    bottom: -40px;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 1.2s;
}
.section .bg13{
    position: relative;
    color: gainsboro;
    height:600px;
    opacity: 0;
    transition: all 1.2s;
    transform: scale(0.1,0.1);
}
.active .bg13{
    position: relative;
    right: 0px;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 1.2s;
    transform: scale(1,1);
}
.section .bg14{
    position: relative;
    color: gainsboro;
    height:600px;
    opacity: 0;
    transition: all 1.2s;
}
.active .bg14{
    position: relative;
    right: 0;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 1.2s;
}
.section .bg141{
     position: relative;
     top: -100px;
     opacity: 0;
     transition: all 1.2s;
 }
.active .bg141{
    position: relative;
    top: 0;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 1.2s;
}
.section .bg142{
    position: relative;
    bottom: -100px;
    color: gainsboro;
    opacity: 0;
    transition: all 1.2s;
}
.active .bg142{
    position: relative;
    bottom: 0;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 1.2s;
}